<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:composite="http://java.sun.com/jsf/composite">
    
    <composite:interface>        	
    </composite:interface>
	
	<composite:implementation>	
		
		<div class="box box-50 altbox">
			<div class="boxin">
				<div class="header">
					<h3><h:graphicImage value="resources/images/logo-login.png" /></h3>
					<ul>
						<li><a href="#" class="active">Control de Acceso</a></li><!-- .active for active tab -->
					</ul>
				</div>
				<h:form id="loginForm" styleClass="table"><!-- Default forms (table layout) -->
					<div class="inner-form">
						<h:messages id="messages" errorClass="msg msg-error" infoClass="msg msg-info" />
						<table cellspacing="0">
							<tr>
								<th><label for="some1">Usuario :</label></th>
								<td><h:inputText value="#{loginBean.username}" styleClass="txt" /></td>
							</tr>
							<tr>
								<th><label for="some3">Password :</label></th>
								<td><h:inputSecret value="#{loginBean.password}" styleClass="txt pwd"/></td><!-- class error for wrong filled inputs -->
							</tr>
							<tr>
								<th></th>
								<td class="tr proceed">
									<h:commandButton value="Aceptar" action="#{loginBean.loginAction}" styleClass="button" />
								</td>
							</tr>
						</table>
					</div>
				</h:form>
			</div>
		</div>
							
	</composite:implementation>
	
</html>